@import './variables.scss';
@import './mixin.scss';
@import './transition.scss';
@import './element-ui.scss';
@import './sidebar.scss';

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app {
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

// main-container global css
.app-container {
  padding: 20px;
}

.control-search {
  width: 280px;
  margin-right: 10px;
}

.tips {
  margin-top: 15px;
  font-size: 12px;
  color: #999999;
}

.cp {cursor: pointer;}

.mmw {width: 300px !important;}

.df {display: flex;}
.fdc {flex-direction: column;}
.fwn {flex-wrap: nowrap;}
.jcc {justify-content: center;}
.jcsb {justify-content: space-between;}
.jcse {justify-content: space-evenly;}
.jcfe {justify-content: flex-end;}
.aic {align-items: center;}

.f1 {flex: 1;}

.fs12 {font-size: 12px;}
.fs14 {font-size: 14px;}
.fs15 {font-size: 15px;}
.fs16 {font-size: 16px;}
.fs17 {font-size: 17px;}
.fs18 {font-size: 18px;}
.fs19 {font-size: 19px;}
.fs20 {font-size: 20px;}
.fwb {font-weight: bold;}

.m5 {margin: 5px;}
.m10 {margin: 10px;}
.m15 {margin: 15px;}
.m20 {margin: 20px;}
.m25 {margin: 25px;}
.m30 {margin: 30px;}
.m35 {margin: 35px;}
.m40 {margin: 40px;}
.m45 {margin: 45px;}
.m50 {margin: 50px;}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}

.mlr5 {margin: 0 5px;}
.mlr10 {margin: 0 10px;}
.mlr15 {margin: 0 15px;}
.mlr20 {margin: 0 20px;}
.mlr25 {margin: 0 25px;}
.mlr30 {margin: 0 30px;}
.mlr35 {margin: 0 35px;}
.mlr40 {margin: 0 40px;}
.mlr45 {margin: 0 45px;}
.mlr50 {margin: 0 50px;}

.mtb5 {margin: 5px 0;}
.mtb10 {margin: 10px 0;}
.mtb15 {margin: 15px 0;}
.mtb20 {margin: 20px 0;}
.mtb25 {margin: 25px 0;}
.mtb30 {margin: 30px 0;}
.mtb35 {margin: 35px 0;}
.mtb40 {margin: 40px 0;}
.mtb45 {margin: 45px 0;}
.mtb50 {margin: 50px 0;}

.p5 {padding: 5px;}
.p10 {padding: 10px;}
.p15 {padding: 15px;}
.p20 {padding: 20px;}
.p25 {padding: 25px;}
.p30 {padding: 30px;}
.p35 {padding: 35px;}
.p40 {padding: 40px;}
.p45 {padding: 45px;}
.p50 {padding: 50px;}

.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt35 {padding-top: 35px;}
.pt40 {padding-top: 40px;}
.pt45 {padding-top: 45px;}
.pt50 {padding-top: 50px;}

.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}
.pr35 {padding-right: 35px;}
.pr40 {padding-right: 40px;}
.pr45 {padding-right: 45px;}
.pr50 {padding-right: 50px;}
.pr80 {padding-right: 80px;}

.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}
.pb35 {padding-bottom: 35px;}
.pb40 {padding-bottom: 40px;}
.pb45 {padding-bottom: 45px;}
.pb50 {padding-bottom: 50px;}

.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}
.pl35 {padding-left: 35px;}
.pl40 {padding-left: 40px;}
.pl45 {padding-left: 45px;}
.pl50 {padding-left: 50px;}

.plr5 {padding: 0 5px;}
.plr10 {padding: 0 10px;}
.plr15 {padding: 0 15px;}
.plr20 {padding: 0 20px;}
.plr25 {padding: 0 25px;}
.plr30 {padding: 0 30px;}
.plr35 {padding: 0 35px;}
.plr40 {padding: 0 40px;}
.plr45 {padding: 0 45px;}
.plr50 {padding: 0 50px;}

.ptb5 {padding: 5px 0;}
.ptb10 {padding: 10px 0;}
.ptb15 {padding: 15px 0;}
.ptb20 {padding: 20px 0;}
.ptb25 {padding: 25px 0;}
.ptb30 {padding: 30px 0;}
.ptb35 {padding: 35px 0;}
.ptb40 {padding: 40px 0;}
.ptb45 {padding: 45px 0;}
.ptb50 {padding: 50px 0;}
